html,body{
  width:100%;
}
body{
  font-size:12px;
  font-family:"黑体","微软雅黑";
}
a{
  color:black;
}
.wrapper{
  width:1200px;
  margin:0 auto;
}
#leftside{
  z-index:99;
  height:100%;
  padding:50px 0;
  width:30px;
  background:#6c6c6c;
  position:fixed;
  right:0;
  >div{
    border-top:1px solid white;
    font-size:16px;
    color:white;
    text-align:center;
    width:100%;
    float:left;
    padding:50px 0;
    span{
      display:inline-block;
      height:20px;
      width:20px;
      border-radius: 50%;
      background:orangered;
      margin-top:10px;
    }

  }

}

#overTop{
  line-height:36px;
  background:#f2f2f2;
  color:#6c6c6c;
  .overTop_left{
    float:left;
    a{
      color:#777777;
      cursor:pointer;
    }
    a:hover{
      color:#fc4c65;
    }
    #login,#registe{
      color:#777777;
      font-size:13px;
    }
    >span{
      float:left;
      font-size:14px;
      color:#777777;
    }
    >span:nth-of-type(2){
      margin:0 7px 0;

    }
    #address{
      float:left;
      height:25px;
      box-sizing:border-box;
      border:1px solid grey;
      margin:5px;
      color:#ccc;
      overflow:hidden;
      form{
        line-height:30px;
        font-size:14px;
        input#city-picker3{
          height:25px;
          color:#777777;
          line-height:15px;
          //width:150px;
          letter-spacing:1px;
          background:none;
          padding:0 5px 0;

        }
        .city-picker-span{
          display:none;
        }
        .city-picker-dropdown{
          padding:10px 30px;
          position:absolute;
          background:white;
          border:1px solid #ccc;
          z-index:99;
          .city-select-tab{
            border-bottom:1px solid black;
            padding:0 10px;
            a{
              box-sizing:border-box;
              border:1px solid #ccc;
              border-bottom:0;
              padding:9px 20px;
              position:relative;
              //top:-1px;
              margin:0 10px;
            }
            a.active{
              background:white;
              border:1px solid black;
              border-bottom:0;
            }
          }
          .city-select-content{
            width:400px;
            dl{
              overflow:hidden;
              a{
                float:left;
                cursor:pointer;
                width:80px;
                height:30px;
                overflow:hidden;
                padding-right:10px;
                margin-right:30px;
              }
            }
          }
        }
      }
    }
    #address:hover{
      overflow:visible;
    }

    >a{
      float:left;
      margin:0 7px;
      //background:pink;
    }
  }
  .overTop_right{
    float:right;
    a{
      float:right;
      line-height:26px;
      margin-top:5px;
      border-radius:3px;
      em{
        padding:2px;
      }
      //background:#fc4c65;
    }
    a:hover{
      background:#fc4c65;
      color:white;
    }
    a#mysp:hover #myinfor{
      display:block;
    }
    a#mysp{

      position:relative;
      #myinfor{
        display:none;
        color:black;
        text-align:center;
        background:white;
        z-index:99;
        border:2px solid #fc4c65;
        position:absolute;
        line-height:32px;
        height:64px;
        width:74px;
        p:nth-of-type(1){
          border-bottom:1px solid lightgrey;
        }
        p:hover{
          color:#fc4c65;
        }
      }
    }
    a#mysp:hover{

    }
    span{
      float:right;
      margin:0 5px;
    }
  }
}

nav{
  height:160px;
  border-bottom:4px solid #fc4c65;
  #search{
    height:120px;

    h1{
      padding-top:30px;
      box-sizing:border-box;
      height:120px;
      width:176px;
      margin-right:70px;
      float:left;
    }
    .freecar{
      height:31px;
      width:176px;
      margin-top:50px;
      margin-right:56px;
      float:left;
    }
    .searchCon{
      margin-top:45px;
      float:left;
      .searchBar{
        position:relative;
        height:40px;
        width:580px;
        box-sizing:border-box;
        #textInps{
          position:relative;
          float:left;
          height:100%;
          width:474px;
          input{

            box-sizing:border-box;
            height:100%;
            width:100%;
            outline:0;
            padding-left:10px;
            border-top-left-radius:5px;
            border-bottom-left-radius:5px;
            border-left:3px solid #fc4c65;
            border-bottom:2px solid #fc4c65;
            border-top:2px solid #fc4c65;
          }
        }
        #searBtn{
          height:100%;
          width:100px;
          float:left;
          border-radius:5px;
          button{
            height:100%;
            width:100%;
            border-top-right-radius:5px;
            border-bottom-right-radius:5px;
            background:#fc4c65;
            color:white;
            font-weight:bold;
            line-height:38px;
            text-align:center;
            border:0;
            letter-spacing:10px;
            font-size:18px;
          }
        }
      }

      .hotsearch{
        margin-top:5px;
        >a{
          margin-right:6px;
          color:#999999;
        }
        a:hover{
            color:#fc4c65;
        }
      }
    }
    .cart{
      float:left;
      height:38px;
      box-sizing:border-box;
      line-height:38px;
      margin-top:45px;
      border-radius:2px;
      border:1px solid #ccc;
      width:125px;
      background:#f9f9f9;
      div.litCar{
        float:left;
        width:22px;
        height:16px;
        margin-top:10px;

      }
      span{
        float:left;
        font-size:14px;
        color:grey;
      }
    }
  }
  #nav{
    //background:pink;
    height:40px;
    float:left;
    width:100%;
    >ul{
      .guide:hover #subNav{
          display:block;
      }
      >li:nth-of-type(1){
        width:200px;
        position:relative;
        background:#fc4c65;
        a{
          font-size:16px;
          color:white;
          i.downIcont{
            background:url("../../images/whiteToDown.png") no-repeat center;
          }
        }
        ul#subNav{
          display:none;
          width:100%;
          z-index:99;
          position:absolute;
          padding:25px 0;
          background:#fc4c65;

          li:nth-of-type(1){background: url("../../images/index_icon2.png") no-repeat 20px top; }
          li:nth-of-type(2){background: url("../../images/index_icon2.png") no-repeat 20px -50px; }
          li:nth-of-type(3){background: url("../../images/index_icon2.png") no-repeat 20px -100px; }
          li:nth-of-type(4){background: url("../../images/index_icon2.png") no-repeat 20px -150px; }
          li:nth-of-type(5){background: url("../../images/index_icon2.png") no-repeat 20px -200px; }
          li:nth-of-type(6){background: url("../../images/index_icon2.png") no-repeat 20px -250px; }
          li:nth-of-type(7){background: url("../../images/index_icon2.png") no-repeat 20px -300px; }
          >li:hover{
            background-color:#cc4155;
          }
          >li:hover .thirdNav{
            display:block;
          }
          >li{
            //background:;
            width:100%;
            text-indent:15px;
            >a{
              height:50px;
              line-height:50px;
              font-size:13px;
              background:url("../../images/index-icon.png") no-repeat 160px -20px;
            }
            #show{
              display:block;
            }
            .thirdNav{
              display:none;
              background:rgba(255,255,255,0.9);
              //background:red;
              position:absolute;
              left:200px;
              top:0;
              z-index:99;
              box-sizing:border-box;
              padding:0 20px;
              height:400px;
              width:900px;
              .liTop{
                padding:0;
                border-bottom:1px dashed #6c6c6c;
                line-height:30px;
                span{
                  width:84px;
                  //text-align:center;
                  font-size:16px;
                  color:black;
                  background:url("../../images/index-icon.png") no-repeat -55px -38px;
                }
                a:hover{
                  color:#fc4c65;
                }
                span,i,a{
                  font-size:13px;
                  color:#6c6c6c;
                  padding:0;
                  float:left;
                  margin:0 5px;
                }
              }
              h3{
                line-height:80px;
                text-indent:10px;
                font-size:18px;
              }
              >section.devide{
                height:235px;
                width:100%;
                div{
                  float:left;
                  height:100%;
                  width:150px;
                  margin:0 20px 0 0;
                  padding:0;
                  >a{
                    height:150px;
                    width:150px;
                    padding:0;
                    font-size:0;
                    overflow:hidden;
                    img{
                      top:0;
                      height:100%;
                      width:100%;
                    }
                  }
                  p{
                    width:100%;
                    line-height:30px;
                    font-size:12px;
                    a{
                      color:#595757;font-size:12px;padding:0;line-height:30px;
                      overflow:hidden;
                      white-space:nowrap;
                      text-overflow:ellipsis;
                    }
                    b{font-size:14px;color:red;font-weight:bold}
                  }
                }
              }
            }
          }
        }
      }
    }
    >ul{
      >li{
        float:left;
        line-height:40px;
        color:grey;
        a,div{
          font-size:13px;
          height:40px;
          display:block;
          padding:0 40px;
          color:grey;
          vertical-align:center;
          img{
            display:inline-block;
            position:relative;
            top:5px;
            margin-right:5px;
          }
        }
        a:hover{
          color:#fc4c65;
        }
      }
    }
    .inf{
      i.bugle{
        height:16px;
        width:16px;
        margin-top:12px;
        margin-left:23px;
        float:left;
        background:url("../../images/icon_all.png") no-repeat -67px -75px;
      }
    }
  }
}
#banner{
  overflow:hidden;
  height:420px;
  width:1200px;
  position:relative;
  margin-left:32px;
  >ul{
    position:relative;
    height:100%;
    width:1000%;
    >li{
      float:left;
      box-sizing:border-box;
      border:1px solid #ccc;
      height:420px;
      width:1200px;
      a{
        height:100%;
        width:100px;
        img{
          height:100%;
          width:100%;
        }
      }
    }
  }
  ol{
    position:absolute;
    height:10px;
    width:180px;
    bottom:20px;
    left:50%;
    margin-left:-90px;
    li{
      float:left;
      height: 100%;
      width:10px;
      margin-left:10px;
      background:grey;
      border-radius:50%;
    }
    li.active{
      background:orange;
    }
  }
}

#mainCont{
  padding-bottom:50px;
  position:relative;
  background:#fafafa;
  #discount{
    height:160px;
    ul{
      height:100%;
      li{
        height:100%;
        width:230px;
        float:left;
        margin-right:10px;
        a,img{
          display:block;
          cursor:pointer;
          height:100%;
          width:100%;
        }
      }
    }
  }
  #recom{
    height:820px;
    width:100%;
    #recHead{
      height:104px;
      line-height:104px;
      h2{
        color:#fc4c65;
        float:left;
        font-size:26px;
        font-weight:bold;
        margin-top:0;
      }
      span{
        margin-left:10px;
        font-size:16px;
        color:grey;
      }
    }
    #recBody{
      height:665px;
      #recBanner{
        float:left;
        position:relative;
        height:665px;
        width:400px;
        background:white;
        overflow:hidden;
        ul{
          height:100px;
          width:1600px;
          position:relative;
          li{
            box-sizing:border-box;
            padding-top:20px;
            padding-left:20px;
            height:100%;
            width:400px;
            float:left;
            line-height:20px;
            .recPic{
              height:360px;
              width:360px;
              a,img{
                height:100%;
                width:100%;
              }
            }
            p.recTitle{
              margin-top:60px;
              a{
                font-size:13px;
                color:#777777;
              }
            }
            b{color:#d91404;font-weight:bold}
            .intro{
              margin-top:20px;
              h4{
                font-weight:900;
                font-size:13px;
              }
            }

          }
        }
        ol{
          position:absolute;
          height:15px;
          width:75px;
          top:400px;
          left:50%;
          margin-left:-38px;
          li{
            height:100%;
            width:15px;
            float:left;
            margin-left:10px;
            border-radius: 50%;
            background:darkgrey;
          }
          li.sel{
            background:orange;
          }
        }
      }
      .recRight{
        float:left;
        width:798px;
        >ul{
          li.recTag{
            border:1px solid #ccc;
            background:white;
            height:321px;
            width:236px;
            box-sizing:border-box;
            padding:10px 8px 0 8px;
            float:left;
            margin-bottom:20px;
            margin-left:20px;
            div{
              height:220px;
              width:220px;
              a,img{
                height:100%;
                width:100%;
              }
            }
            p{
              margin-top:20px;
              height:40px;
              a{
                color:grey;
              }
            }
            b{
              font-size:16px;
              color:#d91404;
              font-weight:bold;
            }

          }
          li:hover{
            box-shadow:0 0 15px 0 darkgrey;
          }
        }
      }

    }
  }
  .module{
    height:870px;
    padding-top:30px;
    .secHead{
      height:36px;
      line-height:36px;
      border-bottom:1px solid red;
      h2{
        float:left;
        font-size:26px;
        font-weight:bold;
      }
      a{
        padding:0 10px;
        float:right;
        //background:green;
        line-height:36px;
        box-sizing:border-box;
        border:2px solid transparent;
        font-size:14px;
        position:relative;
        top:-1px;
      }
      a.sel{
        border:2px solid red;
        border-bottom:0;
        background:#fafafa;
      }
    }
    .contain{
      height:790px;
      padding:10px 0;
      margin-top:25px;
      .active{
        display:block;
      }
      ul{
        display:none;
        .primary{
          border:0;
          height:383px;
          width:588px;
          img{
            width:100%;
            height:100%;
          }
        }
        li:nth-of-type(3),li:nth-of-type(7){
          margin-right:0;
        }
        li{
          float:left;
          height:381px;
          width:280px;
          border:1px solid #ccc;
          margin-bottom:23px;
          margin-right:23px;
          >a,img{
            height:280px;
            width:280px;
          }
          p{
            margin-top:20px;
            height:40px;
            padding-left:10px;
            a{
              color:grey;
            }
          }
          b{
            padding-left:10px;
            font-size:16px;
            color:#d91404;
            font-weight:bold;
          }
        }

        .lesser:hover{
          box-shadow:0 0 15px 0 darkgrey;
        }
      }
    }
  }


}
footer{
  margin-top:50px;
  //padding-bottom:100px;
  #footNav{
    //padding:0 ;
    ul{
      height:70px;
      padding:25px 0;
      background:#efefef;
      li{
        //width:250px;
        float:left;
        //height:70px;
        padding:0 70px;
        .icon:nth-of-type(1){background:url("../../images/index_icon.png") no-repeat -98px -65px; }
        .icon:nth-of-type(2){background:url("../../images/index_icon.png") no-repeat -98px -130px; }
        .icon:nth-of-type(3){background:url("../../images/index_icon.png") no-repeat -98px -195px; }
        .icon{
          height:65px;
          width:65px;
          float:left;

        }
        .method{
          margin-left:20px;
          float:left;
          color:#595757;
          a{

            font-size:16px;
            font-weight:bold;
            line-height:30px;
          }
          p{
            font-size:12px;
            line-height:20px;
            font-weight:100;
          }

        }
      }
    }
  }
  #abSp{
    color:#595757;
    height:146px;
    margin-top:20px;
    padding-left:20px;
    .helpLink{
      width:418px;
      height:100%;
      float:left;
      .imgBox{
        height:100%;
        float:left;
        margin-right:10px;
        img{
          height:100%;
        }
      }
      div{
        float:left;
        a{
          color:#595757;
          font-weight:bold;
          line-height:36px;
        }
        p{
          width:300px;
          font-size:14px;
          //color:black;
          line-height:22px;
        }
      }
    }
    ul{
      padding:0 20px;
      line-height:30px;
      float:left;
      li:nth-of-type(1){
        font-size:18px;
        font-weight:bold;
        color:black;
      }
      li{
        font-size:14px;
        a{
          color:#595757;
        }
        a:hover{
          color:#fc4c65;
        }

      }
    }
  }
  .bottomDev{
    .permission{
      padding:40px 0;
      line-height:30px;
      font-size:13px;
      text-align:center;
      a{
        display:inline-block;
        color:#595757;
      }
      a:hover{
        color:#fc4c65;
      }
    }
    .brand{
      height:50px;
      padding:20px 0;
      position:relative;
      p{
        position:absolute;
        width:660px;
        left: 50%;
        margin-left:-330px;
        //top: 0;left: 0;right: 0; bottom:0;
        //margin:auto;
        img{
          float:left;
          margin-left:40px;
        }
      }
    }
  }
  .end{
    margin-top:50px;
    height:30px;
    background:#f12e24;
  }
}



